<?xml version="1.0" encoding="UTF-8"?>
<!--
    Document   : UGC_CNEL
    Created on : 12/01/2010, 02:50:15 PM
    Author     : Admin Modificado
-->
<jsp:root version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:jsp="http://java.sun.com/JSP/Page"
          xmlns:ice="http://www.icesoft.com/icefaces/component">
    <jsp:directive.page contentType="text/html;charset=UTF-8"
                        pageEncoding="UTF-8"/>
    <f:view>
        <html>
            <head>
                <title>Sistema de la Unidad de Grandes Clientes de la CNEL - Regional Manabi V1.0 RC1</title>
                <link href="favicon/favicon.ico" rel="shortcut icon" type="image/x-icon" />
            <ice:outputStyle href="./xmlhttp/css/rime/rime.css"/>
            <ice:outputStyle href="css/estilo.css"/>
            <script type="text/javascript" src="js/app.js"></script>
            </head>
            <body>
            <ice:form id="form_acceso">
                <div id="acceso">
                    <div style="text-align:center"><ice:graphicImage url="imagenes/logo_cnel.png"></ice:graphicImage></div>
                    <h3 style="cursor:auto;text-align:center;font-size:14px;" class="icePnlClpsblHdr">CRM Unidad de Grandes Clientes CNEL Regional Manabi V1.0 RC1</h3>
                    <ice:panelGroup styleClass="synopsisBox">
                        <span>Ingrese su cedula de identidad y clave en los recuadros subsiguientes</span>
                    </ice:panelGroup>
                    <!-- Layout the links and buttons. -->
                    <ice:panelGrid columns="2" style="font-size:11px">
                        <ice:outputLabel for="txt_usuario"
                                         value="Ingrese su Cedula"/>
                        <ice:panelGroup>
                            <ice:inputText id="txt_usuario"
                                           value="#{acceso.cedula}"
                                           size="25"
                                           maxlength="10"
                                           actionListener="#{acceso.valida}"
                                           binding="#{acceso.txt_usuario}">
                                <f:validator validatorId="cedula"/>
                            </ice:inputText>
                            <ice:message id="usuarioMsg" for="txt_usuario" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                            <ice:outputText value="(Ejemplo 1309787628)"/>
                        </ice:panelGroup>

                        <ice:outputLabel for="txt_clave" value="Ingrese su Clave"/>
                        <ice:panelGroup>
                            <ice:inputSecret id="txt_clave"
                                             value="#{acceso.clave}"
                                             maxlength="25"
                                             size="25"
                                             actionListener="#{acceso.valida}"
                                             binding="#{acceso.txt_clave}">
                            </ice:inputSecret>
                            <ice:message id="claveMsg" for="txt_clave" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                        </ice:panelGroup>
                    </ice:panelGrid>
                    <ice:panelGroup style="text-align:center;padding:5px">
                        <ice:message id="mensaje" for="form_acceso" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                    </ice:panelGroup>
                    <ice:panelGroup style="text-align:center;">
                        <ice:commandButton id="Cmdaceptar"
                                           value="Login"
                                           styleClass="boton"
                                           type="submit"
                                           actionListener="#{acceso.valida}"/>
                        <span style="padding-left:10px"/>
                        <ice:commandButton id="Cmdlimpiar" value="Limpiar" type="reset" styleClass="boton"/>
                    </ice:panelGroup>
                    <!--popup window section-->
                    <ice:panelPopup autoCentre="true"
                                    modal="true"
                                    visible="#{acceso.popupmodal}">
                        <f:facet name="header">
                            <ice:panelGroup styleClass="popupHeaderWrapper">
                                <ice:outputText
                                    value="Error"
                                    styleClass="popupHeaderText"/>
                                <ice:commandButton id="modalPnlCloseBtn" type="button"
                                                   image="imagenes/popupclose.gif"
                                                   actionListener="#{acceso.cierracierrapopup}"
                                                   styleClass="popupHeaderImage"
                                                   title="Close Popup" alt="Close"/>
                            </ice:panelGroup>
                        </f:facet>
                        <f:facet name="body">
                            <ice:panelGroup styleClass="popupBody">
                                <h3><span style="color:red">[x] Error </span> #{acceso.texto}!</h3>
                                <br/>
                                <ice:commandButton id="modalPnlCloseButton" type="submit"
                                                   styleClass="boton"
                                                   value="Cerrar"
                                                   actionListener="#{acceso.cierracierrapopup}"/>
                            </ice:panelGroup>
                        </f:facet>
                    </ice:panelPopup>

                    <br/>
                    <ice:panelGroup style="text-align:center;">
                        <ice:outputLink id="btn_link_cnel" value="http://www.cnel.ec" target="_blank" style="color:blue">
                            <ice:outputText value="http://www.cnel.ec" style="color:blue"/>
                        </ice:outputLink>
                        <span style="margin-left:20px"></span>
                        <ice:outputLink id="btn_link_facci" value="http://www.facci.ec" target="_blank" style="color:blue">
                            <ice:outputText value="http://www.facci.ec" style="color:blue"/>
                        </ice:outputLink>
                    </ice:panelGroup>
                </div>
            </ice:form>
            <!--  to set the focus en txt_usuario -->
            <script language="JavaScript" type="text/javascript">
                // <![CDATA[
                window.onLoad(function() {
                    document.getElementById("form_acceso:txt_usuario").focus();
                });
                // ]]>
            </script>
            </body>

        </html>
    </f:view>
</jsp:root>
